<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页</title>
    <style>
        div.dataBlc>div{
            padding: 0px 7px;
        }
        div.dataBlc>div div{
            height: 118px;
            background: url("/res/img/back/dataBlc_03.jpg") right bottom no-repeat;
            color: white;
            padding: 0px;
            background-size: cover;
            padding-left: 10px;
            margin-bottom: 15px;
            border-radius:3px;
        }
        div.dataBlc>div h2{
            font-size: 24px;
            margin: 0px;
            padding-top: 25px;
        }
        div.dataBlc>div h2>small{
            color: white;
        }
        div.dataBlc>div h2>span>small{
            color: white;
        }
        div.dataBlc>div h6{
            margin: 0px;
        }
    </style>
  </head>

  <body>
        <!-- page content -->
        <div class="row">
          <div class="col-md-8 col-sm-8 col-xs-12">
              <div class="row dataBlc">
                  <div class="col-md-3 col-sm-3 col-xs-6" style="padding-left: 10px;">
                      <div>
                          <h2><span style="cursor: pointer" onclick="pjaxContent('/user/userdetail?type=0')">${userNum!0}<small>人</small></span></h2>
                          <h6>注册用户总数</h6>
                      </div>
                  </div>
                  <div class="col-md-3 col-sm-3 col-xs-6">
                      <div style="background-image: url(/res/img/back/dataBlc_06.jpg);">
                          <h2><span style="cursor: pointer" onclick="pjaxContent('/user/userdetail?type=1')">${companyNum!0}<small>家</small></span></h2>
                          <h6>认证企业总数</h6>
                      </div>
                      </div>
                  <div class="col-md-3 col-sm-3 col-xs-6">
                      <div style="background-image: url(/res/img/back/dataBlc_08.jpg)">
                          <h2><span style="cursor: pointer" onclick="pjaxContent('/trade/tradedetail?type=0')">${tradeTotal!}<small>万元</small></span></h2>
                          <h6>交易总额</h6>
                      </div>
                  </div>
                  <div class="col-md-3 col-sm-3 col-xs-6">
                      <div style="background-image: url(/res/img/back/dataBlc_10.jpg)">
                          <h2><span style="cursor: pointer" onclick="pjaxContent('/project/detail?type=1')">${allEnquiryNum!0}<small>条</small></span></h2>
                          <h6>企业询价总数</h6>
                      </div>
                  </div>
              </div>
              <div class="row dataBlc">
                  <div class="col-md-3 col-sm-3 col-xs-6" style="padding-left: 10px;">
                      <div style="background-image: url(/res/img/back/dataBlc_17.jpg);margin-bottom: 0px;">
                          <h2><span style="cursor: pointer" onclick="pjaxContent('/trade/tradedetail?type=2')">${priceFlow!}<small>万元</small></span></h2>
                          <h6>总交易流水</h6>
                      </div>
                  </div>
                  <div class="col-md-3 col-sm-3 col-xs-6">
                      <div style="background-image: url(/res/img/back/dataBlc_18.jpg);margin-bottom: 0px;">
                          <h2><span style="cursor: pointer" onclick="pjaxContent('/shop/shopdetail?type=0')">${allGoodNum!0}<small>件</small></span></h2>
                          <h6>商品总数</h6>
                      </div>
                  </div>
                  <div class="col-md-3 col-sm-3 col-xs-6">
                      <div style="background-image: url(/res/img/back/dataBlc_19.jpg);margin-bottom: 0px;">
                          <h2>${selfMall!''}<small>万元</small></h2>
                          <h6>自营商城交易总额</h6>
                      </div>
                  </div>
                  <div class="col-md-3 col-sm-3 col-xs-6">
                      <div style="background-image: url(/res/img/back/dataBlc_20.jpg);margin-bottom: 0px;">
                          <h2>${cenMemberNum!0}<small>家</small></h2>
                          <h6>集采供应商总数&nbsp;<a style="cursor: pointer;" onclick="exportProviderData();" title="下载集采供应商报表"><i class="fa fa-download"></i></a></h6>
                      </div>
                  </div>
              </div>
          </div>
          <div class="col-md-4 col-sm-6 col-xs-12">
            <div class="x_panel">
              <div class="x_title">
                <h2>采购商交易排名 Top 5</h2>
                <a class="more" href="#/trade/tradedetail" onclick="pjaxContent('/trade/tradedetail?type=4')">more >></a>
                <div class="clearfix"></div>
              </div>
              <div class="x_content" style="height: 176px">
                <div id="top5PieChart" style="height: 170px;"></div>
              </div>
            </div>
          </div>

        </div>

        <div class="row">
          <div class="col-md-6 col-sm-6 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>新增订单数及增长率</h2>
                <div style="overflow: hidden;display: inline-block;float: right;">
                    <ul class="nav navbar-right panel_toolbox" style="margin-left: 5px;">
                        <li><a class="collapse-link" onclick="changeDisplay('addOrderCountChart' , 'aCTable1');"><i
                                class="fa fa-line-chart"></i></a></li>
                        <li><a class="collapse-link" onclick="changeDisplay('aCTable1' , 'addOrderCountChart');"><i
                                class="fa fa-table"></i></a></li>
                        <li><a class="collapse-link" onclick="exporTradeDetailExcel(0)"><i class="fa fa-download"></i></a></li>
                    </ul>
                    <div class="controls input-append date form_date addCDate" data-date="" data-date-format="dd MM"
                         data-link-field="addCDate1" data-link-format="yyyy-mm">
                        <span class="add-on"><i class="icon-th"></i></span>
                        <input id="addCDateHM1" size="16" type="text" value="" readonly>
                    </div>
                    —
                    <input type="hidden" id="addCDate1" value=""/>
                    <div class="controls input-append date form_date addCDate" data-date="" data-date-format="dd MM"
                         data-link-field="addCDate2" data-link-format="yyyy-mm">
                        <span class="add-on"><i class="icon-th"></i></span>
                        <input id="addCDateHM2" size="16" type="text" value="" readonly>
                    </div>
                    <input type="hidden" id="addCDate2" value=""/>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="x_content" style="height: 405px;">
                <div id="addOrderCountChart">
                    <div id="hcForOrderCount" ></div>
                </div>
                <div class="hidChart" id="aCTable1">
                    <table id="addOrderCountTable" class="table table-striped table-bordered" style="width: 100%;">
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th>月份</th>
                            <th>新增订单数量</th>
                            <th>增长率</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
      </div>

          <div class="col-md-6 col-sm-6 col-xs-12">
            <div class="x_panel">
              <div class="x_title">
                <h2>新增用户、转化及增长率</h2>
                  <div style="overflow: hidden;display: inline-block;float: right;">
                      <ul class="nav navbar-right panel_toolbox" style="margin-left: 5px;">
                          <li><a class="collapse-link" onclick="changeDisplay('hccDiv' , 'addUserTable');"><i
                                  class="fa fa-line-chart"></i></a></li>
                          <li><a class="collapse-link" onclick="changeDisplay('addUserTable' , 'hccDiv');"><i
                                  class="fa fa-table"></i></a></li>
                          <li><a class="collapse-link" onclick="userAddExcelExport();"><i class="fa fa-download"></i></a></li>
                      </ul>
                      <div class="controls input-append date form_date addUserDate" data-date="" data-date-format="dd MM"
                           data-link-field="dtp_input1" data-link-format="yyyy-mm">
                          <span class="add-on"><i class="icon-th"></i></span>
                          <input id="dtp_input1Hm1" size="16" type="text" value="" readonly>
                      </div>
                      —
                      <input type="hidden" id="dtp_input1" value=""/>
                      <div class="controls input-append date form_date addUserDate" data-date="" data-date-format="dd MM"
                           data-link-field="dtp_input2" data-link-format="yyyy-mm">
                          <span class="add-on"><i class="icon-th"></i></span>
                          <input id="dtp_input1Hm2" size="16" type="text" value="" readonly>
                      </div>
                      <input type="hidden" id="dtp_input2" value=""/>
                  </div>
                <div class="clearfix"></div>
              </div>
              <div class="x_content" style="height: 405px;">
                  <div id="hccDiv">
                      <div id="hccontainer"></div>
                  </div>
                  <div class="hidChart" id="addUserTable">
                      <table id="datatable" class="table table-striped table-bordered" style="width: 100%;">
                          <thead>
                          <tr>
                              <th>序号</th>
                              <th>时间</th>
                              <th>新增注册用户</th>
                              <th>认证转化率</th>
                              <th>用户增长率</th>
                          </tr>
                          </thead>
                          <tbody>
                          </tbody>
                      </table>
                  </div>
              </div>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="dashboard_graph" style="position: relative;">

              <div class="row x_title">
                <div class="col-md-6">
                  <h2>最新询价单</h2>
                </div>
                  <a class="more" href="#/project/detail" onclick="pjaxContent('/project/detail?type=1')">more >></a>
              </div>
              <div class="col-md-12 col-sm-12 col-xs-12" id = "enquriyTable">
                <div class="x_content">
                  <table id="enquiryDataTable" class="table table-striped table-bordered" style="width: 100%;">
                    <thead>
                    <tr>
                      <th>项目名称</th>
                      <th>询价名称</th>
                      <th>询价单位</th>
                      <th>询价时间</th>
                      <th>状态</th>
                      <th>报价次数</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                  </table>
                </div>
              </div>
              <div class="clearfix"></div>
            </div>
          </div>
        </div>
        <br/>
        <div class="row">
          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="dashboard_graph" style="position: relative;">

              <div class="row x_title">
                <div class="col-md-6">
                  <h2>最新订单</h2>
                </div>
                  <a class="more" href="#/trade/tradedetail" onclick="pjaxContent('/trade/tradedetail?type=1')">more >></a>
              </div>
              <div class="col-md-12 col-sm-12 col-xs-12" id = "orderTable">
                <div class="x_content">
                  <table id="orderDataTable" class="table table-striped table-bordered" style="width: 100%;">
                    <thead>
                    <tr>
                      <th>订单号</th>
                      <th>采购商</th>
                      <th>供应商</th>
                      <th>下单时间</th>
                      <th>交易额</th>
                      <th>订单状态</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                  </table>
                </div>
              </div>
              <div class="clearfix"></div>
            </div>
          </div>
        </div>
        <!-- /page content -->

        <!-- Custom Theme Scripts -->

        <script type="text/javascript" src="/res/build/js/common/common.js"></script>
        <script type="text/javascript" src="/res/build/js/home.js"></script>
  </body>
</html>
